<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>app启动</title>
    <link rel="stylesheet" href="../common/lib/semantic/semantic.min.css">
    <link rel="stylesheet" href="../common/css/base.css">
    <link rel="stylesheet" href="../common/css/header.css">
    <link rel="stylesheet" href="../common/css/left.css">
    <link rel="stylesheet" href="css/set.css">
    <link rel="icon" href="../../common/img/favicon.png" mce_href="../../common/img/favicon.png" type="image/x-icon">
</head>
<body>
<div id="header">
    <div class="view_item" v-on:click="iLeft" v-bind:style="p_position"><i class="pointing left icon"></i></div>
    <div class="left">
        <div class="item"><i class="home icon"></i>AccurMedicine</div>
    </div>
    <div class="center">
        <span class="text">APP内容管理发布工具</span>
    </div>
    <div class="right">
        <div class="item"><i class="user icon"></i>Admin</div>
        <div class="item"><i class="sign out icon"></i> </div>
    </div>
</div>
<div class="container">
    <div id="left">
        <left></left>
    </div>
    <div id="right">
        <div class="navigation">
            <div class="ui breadcrumb">
                <div class="section">首页</div>
                <i class="right angle icon divider"></i>
                <div class="section">App启动设置</div>
                <i class="right angle icon divider"></i>
                <div class="active section">创建</div>
            </div>
        </div>
        <div class="app_start_set">
            <div class="ui form">
                <h2 class="ui dividing header">App运行时显示的内容</h2>
                <div class="two fields">
                    <ymd v-bind:ymd="params.date"></ymd>
                    <div class="field">
                        <label>有限时间</label>
                        <select v-model="params.equal" class="ui fluid dropdown">
                            <option value="0">等于日期</option>
                            <option value="1">大于日期</option>
                            <option value="2">大于等于日期</option>
                        </select>
                    </div>
                </div>
                <h4 class="ui horizontal divider">轮播图片信息</h4>
                <div class="field">
                    <div class="imgInfo first">
                        <input v-model="params.photos[0].name" placeholder="名称1"/>
                        <input v-model="params.photos[0].contentUrl" placeholder="指向内容地址1"/>
                        <div class="thumb_img">
                            <img src="../../common/img/favicon.png" />
                            <div class="img_url">无图片</div>
                            <span class="remove" v-on:click="remove('img_1')"><i class="remove circle icon"></i></span>
                        </div>
                        <input type="file" style="display: none;" v-on:change="img_change($event)" name="img_1" id="img_1" />
                        <div class="ui buttons">
                            <button class="ui button" v-on:click="img_select('img_1')">选择图片</button>
                            <div class="ou"></div>
                            <button class="ui twitter button" v-on:click="img_upload('img_1')">上传</button>
                        </div>
                        <select v-model="params.time" class="ui fluid dropdown">
                            <option value="0">最长5秒，填写此项，以下项不能填写，时间到，自动关闭</option>
                            <option value="1">1s</option>
                            <option value="2">2s</option>
                            <option value="3">3s</option>
                            <option value="4">4s</option>
                            <option value="5">5s</option>
                        </select>
                    </div>
                    <div class="imgInfo second" v-if="params.time == '0'">
                        <input v-model="params.photos[1].name" placeholder="名称2"/>
                        <input v-model="params.photos[1].contentUrl" placeholder="指向内容地址2"/>
                        <div class="thumb_img">
                            <img src="../../common/img/favicon.png" />
                            <div class="img_url">无图片</div>
                            <span class="remove" v-on:click="remove('img_2')"><i class="remove circle icon"></i></span>
                        </div>
                        <input type="file" style="display: none;" v-on:change="img_change($event)" name="img_2" id="img_2" />
                        <div class="ui buttons">
                            <button class="ui button" v-on:click="img_select('img_2')">选择图片</button>
                            <div class="ou"></div>
                            <button class="ui twitter button"  v-on:click="img_upload('img_2')">上传</button>
                        </div>
                    </div>
                    <div class="imgInfo third" v-if="params.time == '0'">
                        <input v-model="params.photos[2].name" placeholder="名称3"/>
                        <input v-model="params.photos[2].contentUrl" placeholder="指向内容地址3"/>
                        <div class="thumb_img">
                            <img src="../../common/img/favicon.png" />
                            <div class="img_url">无图片</div>
                            <span class="remove" v-on:click="remove('img_3')"><i class="remove circle icon"></i></span>
                        </div>
                        <input type="file" style="display: none;" v-on:change="img_change($event)" name="img_3" id="img_3" />
                        <div class="ui buttons">
                            <button class="ui button" v-on:click="img_select('img_3')">选择图片</button>
                            <div class="ou"></div>
                            <button class="ui twitter button" v-on:click="img_upload('img_3')">上传</button>
                        </div>
                    </div>
                    <div class="imgInfo fourth" v-if="params.time == '0'">
                        <input v-model="params.photos[3].name" placeholder="名称4"/>
                        <input v-model="params.photos[3].contentUrl" placeholder="指向内容地址4"/>
                        <div class="thumb_img">
                            <img src="../../common/img/favicon.png" />
                            <div class="img_url">无图片</div>
                            <span class="remove" v-on:click="remove('img_4')"><i class="remove circle icon"></i></span>
                        </div>
                        <input type="file" style="display: none;" v-on:change="img_change($event)" name="img_4" id="img_4" />
                        <div class="ui buttons">
                            <button class="ui button" v-on:click="img_select('img_4')">选择图片</button>
                            <div class="ou"></div>
                            <button class="ui twitter button" v-on:click="img_upload('img_4')">上传</button>
                        </div>
                    </div>
                    <div class="imgInfo fifth" v-if="params.time == '0'">
                        <input v-model="params.photos[4].name" placeholder="名称5"/>
                        <input v-model="params.photos[4].contentUrl" placeholder="指向内容地址5"/>
                        <div class="thumb_img">
                            <img src="../../common/img/favicon.png" />
                            <div class="img_url">无图片</div>
                            <span class="remove" v-on:click="remove('img_5')"><i class="remove circle icon"></i></span>
                        </div>
                        <input type="file" style="display: none;" v-on:change="img_change($event)" name="img_5" id="img_5" />
                        <div class="ui buttons">
                            <button class="ui button" v-on:click="img_select('img_5')">选择图片</button>
                            <div class="ou"></div>
                            <button class="ui twitter button" v-on:click="img_upload('img_5')">上传</button>
                        </div>
                    </div>
                </div>
                <div class="field">
                    <button class="fluid ui blue button" v-on:click="save">保存</button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="../common/lib/jquery.min.js"></script>
<script type="text/javascript" src="../common/lib/ajaxfileupload.js"></script>
<script type="text/javascript" src="../common/lib/vue.js"></script>
<script type="text/javascript" src="../common/js/header.js"></script>
<script type="text/javascript" src="../common/js/left.js"></script>
<script type="text/javascript" src="./js/set.js"></script>
</html>